
// 请求报文  4个组成部分  请求行 请求头 空行 请求体 （没有请求体）

// 发送一个请求 接口规定 必须要带token
// 要如何在请求头中添加数据 携带过去
axios.get('/student/list',).then((result) => console.log(result));

/* 
1 退出
  1 给 退出按钮绑定点击事件
  2 弹出确认框 
  3 用户确定 退出
    1 删除本地存储 token
    2 跳转回登录页面 

2 左侧菜单点击

  1 一级菜单点击
    1 小箭头 旋转 
    2 对应二级菜单 显示和隐藏 

  2 二级菜单点击 
    1 移除掉旧选中效果
    2 新点击的 加上选中效果

 */

const logout = document.querySelector('.logout a'); // 退出按钮
const oneMenuList = document.querySelectorAll('.nav>li>a'); // 获取一级标签中的a标签 数组
const twoMenuList = document.querySelectorAll('.nav ul a'); // 获取二级菜单中的a标签 数组
const initBtn = document.querySelector('.init');

logout.addEventListener('click', function () {
  if (confirm('您确定要退出吗')) {
    localStorage.removeItem('token82');
    // 跳转回登录页面
    location.href = './login.html';
  }
});

// 一级菜单点击事件
oneMenuList.forEach((one) => {
  one.addEventListener('click',function(){
    // 小箭头 旋转  //  找到我点击的a标签的里面 的箭头
    one.querySelector('.toggle').classList.toggle('toggleone');
    // 控制二级标题 对应的标签 切换显示
    one.nextElementSibling.classList.toggle('show')
  })
})

//  二级菜单点击
twoMenuList.forEach((two) => {
  two.addEventListener('click',function(){
    // 移除旧的
    document.querySelector('.nav ul a.active').classList.remove('active');
    // 当前点击的添加上
    two.classList.add('active');
  });
});

// 点击 初始化数据
initBtn.addEventListener('click',function(){
  axios.get('/init/data').then((result) => {
    if(result.data.code === 0) {
      toastr.success(result.data.message)
    }
  });
});
